﻿
.P4 ul {
    padding: 0;
}

.P4 li {
    padding: 1em 0;
    position: relative;
    list-style: none;
    z-index: 10;
}

    .P4 li:after {
        content: '';
        position: absolute;
        z-index: 9;
        left: 20%;
        top: 0;
        border-left: 1px solid #ddd;
        height: 100%;
    }

    .P4 li:first-child:after {
        height: 50%;
        top: 50%;
    }

    .P4 li:last-child:after {
        height: 50%;
    }

.P4 li {
    display: table;
    width: 100%;
}

    .P4 li div {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

        .P4 li div:first-child {
            width: 15%;
            padding-left: 2%;
            font-size:0.34rem;
            text-align: center;
        }

        .f2{
            display: block;
            font-size: 0.24rem;
        }
.f3 {
    display: block;
    font-size: 0.36rem;
}
.f4 {
    display: block;
    font-size: 0.26rem;
}

        .P4 li div:nth-child(2) {
            width:10%;
            text-align: center;
        }

            .P4 li div:nth-child(2) i {
                width:0.2rem;
                height:0.2rem;
                background: #ddd;
                border: 2px solid #fff;
                border-radius: 50%;
                display: inline-block;
                position: relative;
                z-index: 10;
            }

    .P4 li.big-icon div:nth-child(2) i {
        border: 1px solid #ddd;
        width: 2.5em;
        height: 2.5em;
        background: #DFDFDF;
        color: #fff;
    }

        .P4 li.big-icon div:nth-child(2) i:before {
            font-size: 1.6em;
            margin-top: 0.1em;
            display: block;
        }

    .P4 li div:last-child {
        padding-left:1%;
    }
